Working with Photoshop layered files

Adobe GoLive lets you import Photoshop layered images so that each layer in the image is converted into an appropriate Web-safe format of your choosing. The converted layers appear in the Web page in separate floating boxes. This differs from what happens when you place a Smart Photoshop object on a Web page. Layered files imported by that method are flattened into one image.

To import a layered Photoshop image:

1 Choose File > Import > Photoshop as HTML.

2 Select the folder where you want to save the layers (for example, a folder within your Web site folder), and click Open.

Note: If you import more than one layered image, you may want to create a separate destination folder for each layered image you import so that the multiple layers do not become mixed up with one another.

3 In the Save For Web dialog box, choose the optimization settings you want for the first layer, and click OK. Adobe GoLive adds the first layer as a background image on the page, and then displays the Save For Web dialog for each remaining layer, which are all added in separate floating boxes. If you want to apply the same settings to all layers in the image, press Ctrl (Windows) or Control (Mac OS) when you confirm the settings for the current layer. Adobe GoLive will then apply those settings for all remaining layers without prompting you to make settings for each layer. See Choosing options in the Save For Web dialog box for additional details on the options available.

Note: The first layer of an imported layered Photoshop image replaces any background image already assigned to the page. If the first layer is smaller than the page, it will tile to fill the page.

You can easily change the order of the floating boxes created when you import a layered Photoshop image by using the Floating Boxes palette (Window > Floating Boxes); animate them using the Animation option of the Floating Box Inspector along with the DHTML time line editor; change alignments; and so on.

Note: Some browsers have difficulty handling floating boxes with names that begin with a number. Since Adobe GoLive uses the layer names to generate names for the floating boxes, it's important that you do not assign names to layers in Adobe Photoshop that begin with numbers or consist only of numbers.

Images and Page Design > Working with Photoshop layered files